<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="公众号：码上致富">
    <meta name="author" content="码上致富">
    <title>文库系统模板-仿百度文库，原创力文档，开发者公众号：码上致富</title>
    <!-- 字体 -->
    <link rel="stylesheet" href="../plugins/fontawesome-free-5.15.3-web/css/all.css">

    <!-- Bootstrap core CSS -->
    <link href="../plugins/bootstrap-4.6.0/css/bootstrap.min.css" rel="stylesheet">

    <link href="../static/css/style.css" rel="stylesheet">
    <style>
        #header {
            position: fixed;
            left: 0;
        }
        #main {
            position: relative;
            width: 1200px;
            height: 100%;
            min-height: 100%;
            margin: 0 auto;
        }
        .side-fixed {
            position: fixed;
            width: 100%;
            height: 90%;
            top: 230px;
            bottom: 0;
            left: 0;
        }
        .side-fixed .container {
            height: 100%;
        }
        .side {
            position: relative;
            width: 164px;
            height: 100%;
            border: 1px solid #eee;
            border-radius: 6px;
            background: #fff;
            overflow-y: auto;
        }
        .side .btns {
            width: 124px;
            margin: 20px auto;
        }
        .side .btns .btn {
            display: block;
            width: 124px;
            line-height: 30px;
            border-radius: 4px;
            border: none;
            outline: none;
            text-align: center;
            font-size: 14px;
            color: #fff;
            background: #ff9f24;
        }
        .side .btns .btn i {
            margin: 0 8px 0 0;
            font-size: 16px;
        }
        .side .btns .btn.btn-manage-user {
            background: #2878FF;
            color: #fff;
        }
        .side .list {
            position: relative;
            z-index: 2;
            background: #fff;
        }
        .side .list li {
            height: 44px;
            line-height: 44px;
            width: 164px;
        }
        .side .list li a:hover,
        .side .list li a.active
        {
            background: #E5EFFF;
            color: #2878FF;
        }
        .side .list li a{
            display: block;
            font-size: 14px;
            color: #222;
        }
        .side .list li a i {
            margin: 0 10px 0 25px;
            font-size: 20px;
        }
        .side .qrcodes {
            width: 100%;
            margin: 60px 0 30px;
            text-align: center;
        }
        .side .qrcodes img {
            width: 98px;
            height: 98px;
        }
        .side .qrcodes strong,
        .side .qrcodes span
        {
            display: block;
            font-weight: 400;
            font-size: 12px;
            color: #666;
        }
        .detail {
            position: relative;
            z-index: 90;
            float: right;
            width: 980px;
            margin: 230px 0 0;
        }
        .detail>.bd {
            min-height: 680px;
            padding: 20px;
            border-radius: 6px;
            background: #fff;
        }
        .breadcrumb {
            height: 18px;
            line-height: 18px;
            padding: 0 0 0 12px;
            border-left: 3px solid #2878FF;
            font-weight: 700;
            font-size: 18px;
            color: #000;
        }
        .copyright {
            padding: 20px 0 40px;
            line-height: 20px;
            font-size: 12px;
            color: #888;
            text-align: center;
        }
        .copyright span {
            display: inline-block;*zoom: 1;_display: inline;
            padding-right: 10px;
        }
        .icon-common-user{
            background-image: url(../images/icon/common.png);
        }
        .common-footer-police{
            width: 22px;height: 22px;
            background-position: -82px -2px;
            margin: -2px 0 0;
        }
        /* tabåˆ‡æ¢ end */
        #tab{
            background-color: #ffffff;
            position: relative;
        }
        #tab .fhjb{
            display: block;
            position: absolute;
            right: 20px;
            top: 13px;
            bottom: 0;
            color: #999;
            margin: auto;
        }
        #tab ul.tabs{
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid #E5EFFF;
        }
        #tab .old {
            position: absolute;
            top: 16px;
            right: 0;
            z-index: 2;
            font-size: 12px;
            color: #999;
        }
        #tab ul.tabs li{
            position: relative;
            float: left;
            padding-right: 20px;
        }
        #tab ul.tabs li a{
            display: block;
            height: 47px;
            line-height: 47px;
            font-size: 14px;
            color: #333333;
        }
        #tab ul.tabs li a i{
            position: absolute;
            top: 8px;right: -4px;
            width: 24px;height: 16px;line-height: 18px;
            font-style: normal;
            text-align: center;
            font-size: 12px;
            color: #fff;
        }
        .icon-font-num {
            background-image: url(../images/icon/sec-common.png);
        }
        #tab ul.tabs li a.active{
            border-bottom: 2px solid #3E78DA;
            font-weight: 700;
            color: #458DEC;
        }
        #tab ul.tabs li small{
            position: absolute;
            top: 4px;left: 54px;
        }
        #order_content .tab-item{
            display: none;
        }
        #order_content .tab-item.tab-item-active{
            display: block;
        }
        #order_content .tab-item iframe{
            width: 100%;
            min-height: 720px;
            border: none;
        }
        #tab .btns {
            position: absolute;
            top: 12px;
            right: 0;
        }
        #tab .btns .btn {
            width: 94px;
            height: 26px;
            border: 1px solid #2878ff;
            border-radius: 4px;
            font-size: 12px;
            color: #2878FF;
            background: transparent;
        }
        /* tab :end */
        /* table :start */
        .table {
            margin: 12px 0 0;
        }
        .table .container{
            padding-top: 6px;
            padding-bottom: 6px;
            background: #ffffff;
        }
        .table table{
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
        }
        .table thead{
            height: 30px;line-height: 30px;
            background-color: #F4F9FF;
        }
        .table thead th{
            text-align: left;
            padding: 0 0 0 6px;
            font-size: 12px;font-weight: 400; color: #999;
        }
        .table thead th a.common-faq{
            cursor: pointer;
        }
        .table thead th.col-checkbox{
            width: 19px;
            padding: 0;
        }
        .table thead th.col-format{
            width: 20px;
        }
        .table tbody > tr:hover{
            background-color: #fffbfa;
        }
        .table tbody > tr:hover td{
            background: none;;
        }
        .table tbody > tr > td{
            padding: 12px 6px;
            line-height: 1.42857143;
            vertical-align: middle;
            font-size: 12px;font-weight: 400; color: #999;
            border-bottom: 1px solid #E5EFFF;
            word-break: break-all;
        }
        .table tbody > tr > td.td-empty .empty-user {
            top: 150px;
        }
        .table tbody > tr > td > a:hover{
            color: #458DEC;
            text-decoration: underline;
        }
        .table tbody > tr > td.col-title > a.js_see:hover {
            color: #666;
            text-decoration: none;
        }
        .table tbody > tr > td.col-title {
            max-width: 530px;
        }
        .table tbody td.col-checkbox{
            text-align: right;
            padding: 0 4px 0 0;
            text-decoration: line-through;
        }
        .table tbody td.col-filter i.icon-font{
            filter: grayscale(100%);
            filter: gray\9;
        }
        .table tbody tr.is-recommend td.col-checkbox{
            background: url(../images/recommend.png) no-repeat;
        }
        .table tbody tr.load{
            background-color: #f5f5f5;
        }
        .table tbody tr.load td.col-title{
            background: url(../images/load.gif) right center no-repeat;
        }
        .table tbody td.col-title > span.title{
            text-decoration: line-through;
            color: #999;
        }
        .table tbody td.col-title > a.title{
            word-break: break-all;
        }
        .table tbody td.col-title > a.title > em{
            font-size: 12px;font-style: normal;
        }
        .table tbody td.col-title > a.title > em.mold-original{
            color: #fa0000;
        }
        .table tbody td.col-title > a.title > em.mold-sole{
            color: #458DEC;
        }
        .table tbody td.col-title .preview-dropdown{
            display: none;
            position: absolute;
            z-index: 999;
            padding: 6px 0 0 0;
        }
        .table tbody td.col-title .preview-dropdown span.common-dropdown-triangle{
            position: absolute;
            top:0px;left: 50%;
            margin-left: -6px;
        }
        .table tbody td.col-title .preview-dropdown ul.preview-dropdown-submenu{
            width: 77px;
            box-shadow: 0 0 5px #bbb;
            border:1px solid #eee \9;
            border-radius: 5px;
            background-color: #fff;
            padding: 5px 0;
        }
        .table tbody td.col-title .preview-dropdown ul.preview-dropdown-submenu > li > a{
            display: block;
            padding: 4px 0 4px 10px;
            line-height: 16px;
            font-size: 12px;color: #666;
            text-align: left;
        }
        .table tbody td.col-title .preview-dropdown ul.preview-dropdown-submenu > li > a:hover{
            color: #458DEC;
        }
        .table tbody > tr > td.col-error{
            text-align: left;
            color: #f00;
        }
        .table tbody > tr > td.col-error > a{
            color: #458DEC;
            text-decoration: underline;
        }
        .table tbody > tr > td span.red{
            color: #FF0000;
        }
        .table tbody > tr > td span.black{
            color: #000;
        }
        .table tbody > tr > td.empty p.empty-icon{
            padding: 2px 0;
        }
        .table ul.operate-menu{
            text-align: left;
        }
        .table ul.operate-menu > li{
            display: inline-block;_zoom:1;*display:inline;
            padding: 0 4px 0 0;
        }
        .table ul.operate-menu > li > a{
            color: #458DEC;
        }
        .table ul.operate-menu > li > a.disable{
            pointer-events: none;
            cursor: default;
            opacity: 0.6;
        }
        .table ul.operate-menu > li > a:hover{
            text-decoration: underline;
        }
        .table ul.operate-menu > li > a > i{
            width: 14px;height: 16px;
            margin-right: 4px;
        }
        .table ul.operate-menu > li > span{
            color: #458DEC;
        }
        .table ul.operate-menu > li.operate-more{
            position: relative;
        }
        .table ul.operate-menu > li.operate-more .operate-more-dropdown{
            display: none;
            position: absolute;
            top: 16px;left: -24px;
            z-index: 999;
            padding: 6px 0 0 0;
        }
        .table ul.operate-menu > li.operate-more .operate-more-dropdown span.common-dropdown-triangle{
            position: absolute;
            top:0px;left: 50%;
            margin-left: -6px;
            _margin-top: 1px;
        }
        .table ul.operate-menu > li.operate-more .operate-more-dropdown ul.operate-more-dropdown-submenu{
            width: 88px;
            box-shadow: 0 0 5px #bbb;
            border:1px solid #eee \9;
            border-radius: 5px;
            background-color: #fff;
            padding: 5px 0;
        }
        .table ul.operate-menu > li.operate-more .operate-more-dropdown ul.operate-more-dropdown-submenu  > li > a{
            display: block;
            padding: 4px 0 4px 6px;
            line-height: 16px;
            font-size: 12px;color: #666;
            text-align: left;
        }
        .table ul.operate-menu > li.operate-more .operate-more-dropdown ul.operate-more-dropdown-submenu > li > a:hover{
            color: #458DEC;
        }
        .table tbody > tr.tr-empty {
            background-color: transparent;
        }
        .table tbody > tr > td.td-empty {
            position: relative;
            height: 260px;
            border-bottom: 0;
        }
        .empty-user {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 70px;
            height: 70px;
            margin: -35px 0 0 -35px;
            text-align: center;
            z-index: 3;
        }
        .empty-user .icon-empty-user {
            width: 57px;
            height: 50px;
            background-position: -12px -82px;
        }
        .empty-user span {
            display: block;
            margin: 4px 4px 0 0;
            font-size: 12px;
            color: #999;
        }
        /* table :end */
        /* paging :start */
        #paging {
            overflow: hidden;
        }
        #paging .container{
            background-color: #fff;
        }
        #paging .paging-counts{
            float: left;
            padding: 15px 10px;
            line-height: 30px;
            font-size: 12px;color: #999;
        }
        #paging .paging-counts strong{
            color: #000;
        }
        #paging .paging-limit{
            position: relative;
            float: left;
            padding: 15px 10px 15px 4px;
        }
        #paging .paging-limit a.paging-limit-on{
            display: block;
            width: 98px; height: 28px;line-height: 28px;
            border: 1px solid #ddd;
            border-radius: 3px;
            text-align: center;
            font-size: 12px;color: #666;
        }
        #paging .paging-limit ul.paging-limit-dropdown{
            display: none;
            position: absolute;
            bottom: 46px;left: 4px;
            z-index: 99;
            width: 98px;
            padding: 2px 0;
            border:1px solid #ddd;
            border-radius: 3px;
            background-color: #fff;
        }
        #paging .paging-limit ul.paging-limit-dropdown li a{
            display: block;
            padding: 0 0 0 10px;
            line-height: 22px;
            font-size: 12px;color: #666;
        }
        #paging .paging-limit ul.paging-limit-dropdown li a:hover{
            background-color: #f5f5f5;
        }
        #paging .pagelist{
            float: right;
            min-height: 1px;height: auto;overflow: hidden;
            padding: 15px 0;
            text-align: center;
        }
        #paging .pagelist li{
            display: inline-block;
            padding: 0 2px;
        }
        #paging .pagelist a{
            margin: 0 3px;
            display: block;float: left;
            padding: 0 12px;
            height: 28px;line-height: 28px;
            background-color: #fff;
            border:1px solid #ccc;
            border-radius: 3px;
            font-size: 12px; color: #666;
            text-decoration: none;
        }
        #paging .pagelist a{
            display: block;float: left;
            padding: 0 12px;
            height: 28px;line-height: 28px;
            border:1px solid #ccc;
            border-radius: 3px;
            font-size: 12px; color: #666;
        }
        #paging .pagelist a:hover,
        #paging .pagelist a.on{
            background-color: #458DEC;
            border:1px solid #458DEC;
            color: #fff;
        }
        #paging .pagelist span.d_page_go:hover,
        #paging .pagelist span.d_page_go.on{
            background-color: #458DEC;
            border:1px solid #458DEC;
            color: #fff;
            cursor:pointer
        }
        #paging .pagelist span.d-sl{
            display: block;
            float: left;
            padding: 0 3px 0 12px;
            height: 28px;
            line-height: 28px;
            font-size: 12px;
            color: #666;
        }
        #paging .pagelist span.d-sr{
            display: block;
            float: left;
            padding: 0 12px 0 3px;
            height: 28px;
            line-height: 28px;
            font-size: 12px;
            color: #666;
        }
        #paging .pagelist span.d_page_go{
            display: block;
            float: left;
            padding: 0 12px;
            height: 28px;
            line-height: 28px;
            border: 1px solid #ccc;
            border-radius: 3px;
            font-size: 12px;
            color: #666;
        }
        #paging .pagelist input.d_page_m{
            float: left;
            width: 36px; height: 28px;line-height: 26px;
            border:1px solid #ccc;
            border-radius: 3px;
            color: #666;
            text-align: center;
        }
        #paging .pagelist span.disabled{
            background-color: #F7F7F7;
            color: #999;
        }
        #paging .pagelist span.ellipsis{
            display: block;
            padding: 0 5px;
            font-size: 20px;
            color: #666;
        }
        #paging .pagelist li.jump{
            font-size: 12px; color: #666;
        }
        #paging .pagelist li.jump span{
            padding: 0 8px;
        }
        #paging .pagelist li.jump input[type=text]{
            width: 36px; height: 28px;line-height: 26px;
            border:1px solid #ccc;
            border-radius: 3px;
            color: #666;
            text-align: center;
        }
        #paging .pagelist li.jump button.jump-btn{
            width: 42px; height: 30px;line-height: 28px;
            background-color: #fff;
            border:1px solid #ccc;
            border-radius: 3px;
            font-size: 12px; color: #000;
            text-align: center;
            cursor: pointer;
        }

        /* å›¾æ ‡ start */
        .icon-download{
            background-image: url(../usernewimages/icon/common.png?v=20200811);
        }
        .icon-center{
            background-image: url(../usernewimages/icon/icon_grzx.png);
        }
        .icon-center-mydoc{
            background-position: -5px -3px;
        }
        .icon-center-myorder {
            background-position: -31px -4px;
        }
        .icon-center-notice {
            background-position: -129px -4px;
        }
        .icon-center-space{
            background-position: -106px -4px;
        }
        .icon-center-settings {
            background-position: -57px -4px;
        }
        .icon-center-realname{
            background-position: -172px -29px;
        }
        .icon-center-close{
            background-position: -195px -32px;
        }
        .icon-center-phone{
            background-position: -8px -56px;
        }
        .icon-center-wechat{
            background-position: -54px -56px;
        }
        .icon-center-qq{
            background-position: -100px -56px;
        }
        .icon-center-alipay{
            background-position: -146px -56px;
        }
        .icon-center-mobile{
            background-position: -153px -6px;
        }
        .icon-center-captcha{
            background-position: -190px -6px;
        }
        .icon-center-smscode{
            background-position: -171px -6px;
        }
        .icon-center-find{
            background-position: -211px -6px;
        }
        .icon-table {
            width: 15px;
            height: 15px;
            background-image: url(../usernewimages/icon/table.png?v=20200811);
        }
        .icon-format-user {
            background-image: url(../usernewimages/icon/format.png?v=20200811);
        }
        .icon-font{
            display: inline-block;
            *zoom: 1;
            _display: inline;
            vertical-align: middle;
            background-repeat: no-repeat;
        }
        .common-footer-police{
            width: 22px;height: 22px;
            background-position: -82px -2px;
        }
        .common-footer-verification{
            width: 75px;height: 30px;
            background-position: 0 -25px;
        }
        .format-doc-min, .format-DOC-min, .format-docx-min, .format-DOCX-min,.format-com-min {
            width: 15px;
            height: 18px;
            background-position: 0 -28px;
        }
        .format-pdf-min, .format-PDF-min{
            width: 15px;
            height: 18px;
            background-position: -30px -28px;
        }
        .format-ppt-min, .format-PPT-min, .format-pptx-min, .format-PPTX-min, .format-softlink-min{
            width: 15px;
            height: 18px;
            background-position: -15px -28px;
        }
        .format-zip-min, .format-ZIP-min{
            width: 15px;
            height: 18px;
            background-position: -60px -28px;
        }
        .format-xls-min, .format-XLS-min, .format-xlsx-min, .format-XLSX-min{
            width: 15px;
            height: 18px;
            background-position: -45px -28px;
        }
        .format-txt-min, .format-TXT-min{
            width: 15px;
            height: 18px;
            background-position: -75px -28px;
        }
        /* å›¾æ ‡ end */

        /* batch :start */
        #batch{
            position: fixed;
            left: 50%;
            bottom: 0px;
            z-index: 999;
            width: 1018px;
            margin: 0 0 0 -418px;
            padding: 9px 0;
            background-color: #fff;
            box-shadow:1px 0px 9px #ddd;
            border-top:1px solid #ddd;
        }
        #batch .icheck{
            float: left;
            width: 60px;
            line-height: 32px;
            padding-left: 20px;
        }
        #batch .operate{
            margin-left: -60px;
        }
        #batch .operate a{
            float: left;
            line-height: 30px;
            padding: 0 10px;
            font-size: 12px;
            border:1px solid #B5B5B5;
            color: #B5B5B5;
            border-radius: 3px;
            margin: 0 5px;
        }
        #batch .operate a:hover{
            color: #fff;
            background-color: #458DEC;
            border:1px solid #458DEC;
        }
        #batch .operate a.edit:hover i#table-batch-edit{
            background-position: -18px -18px;
        }
        #batch .operate a.remove:hover i.table-batch-remove{
            background-position: -35px -18px;
        }
        .table-batch-remove{
            width: 16px;
            height: 16px;
            background-position: -35px 0px;
        }
        /* batch :end */
        #top-navbar{
            background: #F2F5F9;
        }
        .detail .bd {
            padding: 0;
            background: transparent;
        }
        .userinfo {
            height: 150px;
            padding: 20px 0 20px 20px;
            overflow: hidden;
            border-radius: 6px;
            background: #fff;
        }
        .userinfo .auth {
            float: left;
            width: 380px;
        }
        .userinfo .auth .pic {
            float: left;
            width: 96px;
            height: 96px;
            overflow: hidden;
            border-radius: 50%;
            border: 1px solid #ddd;
        }
        .userinfo .auth .pic img {
            width: 100%;
            height: 100%;
        }
        .userinfo .auth .name {
            max-width: 220px;
            height: 22px;
            line-height: 22px;
            margin: 0 0 0 118px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 700;
            font-size: 18px;
            color: #000;
        }
        .userinfo .auth .grade {
            width: 262px;
            margin: 14px 0 12px 118px;
            overflow: hidden;
        }
        .userinfo .auth .grade li {
            float: left;
            width: 66px;
            height: 24px;
            line-height: 24px;
            margin: 0 10px 0 0;
            border-radius: 3px;
            text-align: center;
            background: #9ec0fd;
            font-size: 12px;
            color: #fff;
        }
        .userinfo .auth .grade .vip{
            display: none;
            height: 22px;
            line-height: 22px;
            border: 1px solid #ff6000;
            background: transparent;
            color: #FF6000;
        }
        .userinfo .auth .bind {
            width: 262px;
            margin: 0 0 0 118px;
            overflow: hidden;
        }
        .userinfo .auth .bind li {
            float: left;
            margin: 0 8px 0 0;
        }
        .userinfo .auth .bind li i {
            font-size: 24px;
            color: #ccc;
        }
        .userinfo .auth .bind li i.iconfont-phone-bind {
            color: #fc5d60;
        }
        .userinfo .auth .bind li i.iconfont-wx-bind {
            color: #09bb07;
        }
        .userinfo .auth .bind li i.iconfont-qq-bind {
            color: #5ebeff;
        }
        .userinfo .auth .bind li i.iconfont-alipay-bind {
            color: #1989fa;
        }
        .userinfo .assets {
            float: right;
            width: 500px;
            height: 100%;
            padding: 6px 0 0;
            border-left: 1px solid #E9ECF7;
        }
        .assets li {
            float: left;
            width: 33%;
            text-align: center;
        }
        .assets li h2 {
            font-weight: 400;
            font-size: 14px;
            color: #778CA2;
        }
        .assets li strong{
            display: block;
            margin: 12px 0 10px;
            font-size: 20px;
            color: #000;
        }
        .assets li .btn-recharge-user {
            display: inline-block;
            width: 54px;
            background: #ff9f24;
            border: 1px solid #ff9f24;
            border-radius: 4px;
            text-align: center;
            font-size: 12px;
            color: #fff;
        }
        .messages {
            height: 198px;
            margin: 20px 0;
        }
        .messages .banner {
            float: left;
            width: 626px;
            height: 100%;
            overflow: hidden;
            border-radius: 6px;
            background: #fff;
        }
        .messages .banner .carousel {
            position: relative;
            height: 100%;
            overflow: hidden;
        }
        .messages .banner .indicators {
            position: absolute;
            z-index: 2;
            bottom: 16px;
            width: 100%;
            height: 8px;
            text-align: center;
        }
        .messages .banner .indicators li {
            display: inline-block;
            _zoom: 1;
            *display: inline;
            padding: 0 2px;
        }
        .messages .banner .indicators li a {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #a6b6c6;
        }
        .messages .banner .indicators a.active {
            width: 23px;
            height: 8px;
            border-radius: 4px;
            background: #fff;
        }
        .messages .banner .inner,
        .messages .banner .inner ul
        {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .messages .banner .inner li {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .messages .banner .inner li a,
        .messages .banner .inner li a img
        {
            display: block;
            width: 100%;
            height: 100%;
        }
        .messages .news {
            float: right;
            width: 332px;
            height: 100%;
            padding: 0 18px;
            overflow: hidden;
            border-radius: 6px;
            background: #fff;
        }
        .messages .news .hd {
            margin: 15px 0 10px;
            overflow: hidden;
        }
        .messages .news .hd>span {
            float: left;
        }
        .messages .news .hd>span>i {
            display: inline-block;
            margin: 0 2px 0 0;
            font-size: 18px;
            color: #FF9F24;
        }
        .messages .news .hd>span>strong {
            vertical-align: middle;
            font-weight: 700;
            font-size: 16px;
        }
        .messages .news .hd a {
            float: right;
            margin: 3px 0 0;
            font-size: 12px;
            color: #778CA2;
        }
        .messages .news .hd a:hover {
            opacity: 0.8;
        }
        .messages .news .hd a span {
            vertical-align: middle;
        }
        .messages .news .hd a i{
            padding-left: 5px;
            color: #778CA2;
        }
        .messages .news>.bd {
            position: relative;
            height: 136px;
            overflow: hidden;
        }
        .messages .news .bd li {
            margin: 5px 0;
        }
        .messages .news .bd li a {
            display: block;
            font-size: 12px;
            color: #333;
            overflow: hidden;
        }
        .messages .news .bd li a:hover strong {
            text-decoration: underline;
            color: #2878FF;
        }
        .messages .news .bd li a.read {
            color: #aaa;
        }
        .messages .news .bd li a strong {
            float: left;
            width: 280px;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 400;
        }
        .messages .news .bd li a span {
            float: right;
            width: 30px;
            height: 20px;
            line-height: 20px;
        }
        .downs {
            height: 270px;
            padding: 0 20px;
            border-radius: 6px;
            background: #fff;
            overflow: hidden;
        }
        .downs .download {
            float: left;
            width: 48%;
        }
        .downs .hd {
            padding: 18px 0 4px;
            height: 22px;
            line-height: 24px;
            overflow: hidden;
        }
        .downs .hd>span {
            float: left;
            height: 24px;
            line-height: 24px;
            font-weight: 700;
            font-size: 16px;
            color: #000;
        }
        .downs .hd a {
            float: right;
            height: 24px;
            line-height: 24px;
            font-size: 12px;
            color: #778CA2;
        }
        .downs .hd a:hover {
            opacity: 0.8;
        }
        .downs .hd a span {
            vertical-align: middle;
        }
        .downs ul.list {
            position: relative;
            height: 210px;
            overflow: hidden;
        }
        .downs ul.list li {
            margin: 18px 0px;
        }
        .downs ul.list li strong {
            display: inline-block;
            width: 400px;
            height: 22px;
            line-height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
            font-weight: 400;
            font-size: 14px;
            color: #444;
        }
        .downs ul.list li > a:hover > strong
        {
            color: #458DEC;
            text-decoration: underline;
        }
        .downs .collect {
            float: right;
            width: 48%;
        }
        .detail .help {
            margin: 20px 0 0;
            padding: 0 20px;
            border-radius: 6px;
            background: #fff;
        }
        .detail .help .hd {
            line-height: 18px;
            padding: 22px 0 16px;
            border-bottom: 1px solid #ECECEC;
        }
        .detail .help .hd i {
            margin: 0 4px 0 0;
            font-size: 18px;
            color: #2878FF;
        }
        .detail .help .hd span {
            vertical-align: middle;
            font-weight: 700;
            font-size: 16px;
        }
        .detail .help .problems .collapse-item {
            cursor: pointer;
            padding: 20px 0;
            border-bottom: 1px solid #ECECEC;
        }
        .detail .help .problems dl dt {
            position: relative;
            font-size: 14px;
            color: #222;
        }
        .detail .help .problems dl dt i {
            position: absolute;
            top: 2px;
            right: 0;
            font-size: 12px;
            color: #aaa;
            display: none;
        }
        .detail .help .problems dl dt i.icon-close {
            display: inline;
        }
        .detail .help .problems dl.active dt i.icon-close {
            display: none;
        }
        .detail .help .problems dl.active dt i.icon-open {
            display: inline;
        }
        .detail .help .problems dl dd {
            display: none;
            line-height: 24px;
            margin: 8px 16px 0;
            font-size: 14px;
            color: #666;
        }
        .icon-format {
            width: 22px;
            height: 22px;
            background-image: url(../../images/icon/format.png);
        }
        .icon-format-pdf {
            background-position: -50px -2px;
        }
        .icon-format-softlink,
        .icon-format-doc,
        .icon-format-docx {
            background-position: -27px -2px;
        }
        .icon-format-zip {
            background-position: -98px -2px;
        }

    </style>
</head>

<body>
<div id="top-navbar" class="fixed-top">
    <nav class="navbar navbar-expand-lg navbar-dark bg-nav">
        <div class="container-xl top">
            <a class="nav-a" href="#">easy文库-文档分享平台</a>
            <span>欢迎来到easy文库-文档分享平台 ！[免费注册] | [登录] | 帮助中心 </span>
        </div>
    </nav>
    <nav class="navbar navbar-expand-lg navbar-dark navbar-search">
        <div class="container-xl navbar-box">
            <div>
                <a title="easy文库-文档分享平台 " class="fl" href="#" style="height:81px">
                    <img src="../static/img/logo.png" title="easy文库-文档分享平台 "
                         alt="easy文库-文档分享平台 " style="border: 0; ">
                </a>
            </div>
            <div class="search-box">
                <div class="search-input">
                    <form class="form-inline">
                        <div class="input-group">
                            <input type="text" class="form-control search-input-width" placeholder="请输入关键字搜索...">
                            <div class="input-group-prepend">
                                <span class="input-group-text cover">
                                    <i class="fas fa-search"></i>
                                </span>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="hot-search">
                    <span>热门搜索</span>：
                    <a href="#">中国国债</a>
                    <a href="#">中国创意</a>
                    <a href="#">创意研究</a>
                    <a href="#">换股合并</a>
                    <a href="#">上市绩效</a>
                </div>
            </div>
            <div class="upload-btn">
                <a class="block upload-link" href="#"
                   rel="nofollow"><i class="fas fa-upload"></i> 上传我的资源</a>
            </div>
        </div>
    </nav>
    <nav class="navbar-top navbar-expand-lg navbar-dark bg-dark">
        <div class="container-xl navbar-menu">
            <div class="category">
                <div class="fen">
                    <a href="#">
                        <div class="h3">全部分类</div>
                    </a>
                </div>
                <div class="home_cate hide">
                    <div class="cate" id="wk-all-cate" style="height: 390px;">
                        <li>
                            <dl class="category-title limitcount">
                                <dt><a href="#" target="_blank">经济管理<b
                                        class="li-aw n-ic"></b></a><span class="right-arrow">&gt;</span> </dt>
                            </dl>
                            <dl class="category-sub" style="height: 319px;">
                                <dt><a href="#" target="_blank">经济管理</a></dt>
                                <dd><a href="#" target="_blank" rel="nofollow">
                                    <nobr>对外贸易</nobr>
                                </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>金融银行</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>财政税收</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>会计财务</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>股票投资</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>人力资源</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>项目管理</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>市场营销</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>企业文化</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>企业战略</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>物流管理</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>工程管理</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>电子商务</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>经济学论文</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>管理学论文</nobr>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="category-title limitcount">
                                <dt><a href="#" target="_blank">理工学科<b
                                        class="li-aw n-ic"></b></a><span class="right-arrow">&gt;</span> </dt>
                            </dl>
                            <dl class="category-sub" style="height: 319px;">
                                <dt><a href="#" target="_blank">理工学科</a></dt>
                                <dd><a href="#" target="_blank" rel="nofollow">
                                    <nobr>计算机设计</nobr>
                                </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>机械制造</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>通讯电子</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>航空航天</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>建筑工程</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>地质水利</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>交通运营</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>工学设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>数理学</nobr>
                                    </a>
                                    <a href="h#" target="_blank" rel="nofollow">
                                        <nobr>测绘工程</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>物理学论文</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>毕业论文</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>环境工程论文</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>工业工程设计</nobr>
                                    </a>
                                    <a href="h#" target="_blank" rel="nofollow">
                                        <nobr>生物技术</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>汽车工程设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>轮机工程论文</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>电气自动化设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>电气工程</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>有机化学</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>印刷工程</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>信息管理</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>安全工程</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>材料工程</nobr>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="category-title limitcount">
                                <dt><a href="#" target="_blank">教育文化<b
                                        class="li-aw n-ic"></b></a><span class="right-arrow">&gt;</span> </dt>
                            </dl>
                            <dl class="category-sub" style="height: 319px;">
                                <dt><a href="#" target="_blank">教育文化</a></dt>
                                <dd><a href="#" target="_blank" rel="nofollow">
                                    <nobr>广告传媒</nobr>
                                </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>思想哲学</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>语言文化</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>军事政治</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>文学外语</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>心理学</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>幼儿教育</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>教育论文</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>教学课件</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>小说传记</nobr>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="category-title limitcount">
                                <dt><a href="#" target="_blank">艺术医学<b
                                        class="li-aw n-ic"></b></a><span class="right-arrow">&gt;</span> </dt>
                            </dl>
                            <dl class="category-sub" style="height: 319px;">
                                <dt><a href="#" target="_blank">艺术医学</a></dt>
                                <dd><a href="#" target="_blank" rel="nofollow">
                                    <nobr>艺术论文</nobr>
                                </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>医学论文</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>综合资源</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>群众路线</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>公务员考试</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>婚礼PPT模版</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>党政PPT模版</nobr>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="category-title limitcount" style="border-bottom:0;">
                                <dt><a href="#" target="_blank">企划文书<b
                                        class="li-aw n-ic"></b></a><span class="right-arrow">&gt;</span> </dt>
                            </dl>
                            <dl class="category-sub" style="height: 319px;">
                                <dt><a href="#" target="_blank">企划文书</a></dt>
                                <dd><a href="#" target="_blank" rel="nofollow">
                                    <nobr>求职简历</nobr>
                                </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>演讲致辞</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>合同协议</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>工作计划总结</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>调研报告文书</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>调研报告策划</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>业务推广模板</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>应用文书</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>工作报告</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>微信营销</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>项目建议书</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>商业计划书</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>百事生活</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>游戏策划</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>思想汇报</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>年会策划</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>一带一路</nobr>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="category-title limitcount">
                                <dt><a href="#" target="_blank">计算机设计<b
                                        class="li-aw n-ic"></b></a><span class="right-arrow">&gt;</span> </dt>
                            </dl>
                            <dl class="category-sub" style="height: 319px;">
                                <dt><a href="#" target="_blank">计算机设计</a></dt>
                                <dd><a href="#" target="_blank" rel="nofollow">
                                    <nobr>JAVA/JSP设计</nobr>
                                </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>Android安卓/IOS设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>ASP.NET设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>C#设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>ASP设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>PHP设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>VB设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>C/C++设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>VF设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>flash设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>信息技术</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>QT设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>delphi设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>网络工程设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>其他设计</nobr>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="category-title limitcount">
                                <dt><a href="#" target="_blank">设计图纸<b
                                        class="li-aw n-ic"></b></a><span class="right-arrow">&gt;</span> </dt>
                            </dl>
                            <dl class="category-sub" style="height: 319px;">
                                <dt><a href="#" target="_blank">设计图纸</a></dt>
                                <dd><a href="#" target="_blank" rel="nofollow">
                                    <nobr>CAD设计图纸</nobr>
                                </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>通信工程</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>solidworks模型</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>ProE模型</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>土木工程设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>UG模型</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>catia模型</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>其他设计模型</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>采矿工程设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>仿真设计</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>工业设计</nobr>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="category-title limitcount">
                                <dt><a href="#" target="_blank">综合资源<b
                                        class="li-aw n-ic"></b></a><span class="right-arrow">&gt;</span> </dt>
                            </dl>
                            <dl class="category-sub" style="height: 319px;">
                                <dt><a href="#" target="_blank">综合资源</a></dt>
                                <dd><a href="#" target="_blank" rel="nofollow">
                                    <nobr>港口航道工程</nobr>
                                </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>过程装备与控制工程</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>体育论文</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>法律论文</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>公共行政</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>复习笔记</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>真题试卷</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>读后感</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>炒股资料</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>可行性研究报告</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>城市规划</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>旅游管理</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>技术规范标准</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>地理信息系统</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>行业资料下载</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>食品工程</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>消防指挥</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>社会责任报告</nobr>
                                    </a>
                                    <a href="#" target="_blank" rel="nofollow">
                                        <nobr>运动健身</nobr>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                    </div>
                </div>
            </div>
            <div class="nav-menu">
                <a class="navbar-brand" href="#">首页</a>
                <a class="navbar-brand" href="#">精品专题</a>
                <a class="navbar-brand" href="#">图纸设计</a>
            </div>
        </div>
    </nav>
</div>
<div id="main">

    <div class="side-fixed">
        <div class="container">
            <div class="side">
                <div class="btns">
                    <a href="#" type="button" class="btn btn-upload-user" id="btn_upload_user" target="_blank"><i class=" fas fa-upload"></i>上传文档</a>
                </div>
                <ul class="list nav">
                    <li>
                        <a href="#" title="首页" class="index active"><i class=" fas fa-home"></i>首页</a>
                    </li>
                    <li>
                        <a href="order.html" title="我的订单" class="order"><i class=" fas fa-clipboard-list"></i>我的订单</a>
                    </li>
                    <li>
                        <a href="collection.html" title="我的收藏" class="collect"><i class=" fas fa-heart"></i>我的收藏</a>
                    </li>
                    <li>
                        <a href="browse.html" title="浏览记录" class="browse"><i class=" fas fa-history"></i>浏览记录</a>
                    </li>
                    <li>
                        <a href="account/account.html" title="账号设置" class="set"><i class=" fas fa-cog"></i>账号设置</a>
                    </li>
                    <li>
                        <a href="trade.html" title="我的余额" class="income"><i class="fas fa-wallet"></i>我的余额</a>
                    </li>
                    <li>
                        <a href="message.html" title="消息通知" class="message"><i class=" fas fa-bell"></i>消息通知</a>
                    </li>
                    <li>
                        <a href="#" title="帮助中心" class="help" target="_blank"><i class=" fas fa-question-circle"></i>帮助中心</a>
                    </li>
                </ul>
                <div class="qrcodes">
                    <img alt="扫码关注微信公众号" src="/static/img/qrcode.jpg">
                    <strong>关注微信公众号</strong>
                    <span>海量文档随身查</span>
                </div>
            </div>
        </div>
    </div>
    <div class="detail">
        <div class="bd">


            <div class="userinfo">
                <div class="auth">
                    <div class="pic">
                        <a href="#" title="设置基本信息">
                            <img src="../static/img/avator.png">
                        </a>
                    </div>
                    <div class="name" title="fendo">fendo</div>
                    <ul class="grade">
                        <li class="member">普通会员</li>
                        <li class="vip">开通VIP</li>
                    </ul>
                    <ul class="bind">
                        <li>
                            <a href="#" title="账户绑定">
                                <i class="fas fa-mobile-alt"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="账户绑定">
                                <i class="fab fa-weixin"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="账户绑定">
                                <i class="fab fa-qq"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="账户绑定">
                                <i class="fab fa-alipay"></i>
                            </a>
                        </li>
                    </ul>
                </div>
                <ul class="assets">
                    <li>
                        <a href="#" title="我的订单" class="btn">
                            <h2>我的订单</h2>
                            <strong>0</strong>
                        </a>
                    </li>
                    <li>
                        <h2>我的金币</h2>
                        <strong>0.000</strong>
                        <a href="#" class="btn btn-recharge-user" id="btn_recharge_user" title="充值" target="_blank">充值</a>
                    </li>
                    <li>
                        <h2>我的积分</h2>
                        <strong>0</strong>
                    </li>
                </ul>
            </div>
            <div class="messages">
                <div class="banner">
                    <div class="carousel">
                        <ol class="indicators">
                            <li>
                                <a href="javascript:;" data-carousel-to="0" class=""></a>
                            </li>
                            <li>
                                <a href="javascript:;" data-carousel-to="1" class="active"></a>
                            </li>
                        </ol>
                        <div class="inner">
                            <ul class="list">
                                <li class="" style="left: -100%;">
                                    <a href="#" target="_blank">
                                        <img class="lazy-success" src="../static/img/uc.png"  alt="">
                                    </a>
                                </li>
                                <li class="active" style="left: 0px;">
                                    <a href="#" target="_blank">
                                        <img class="lazy-success" src="../static/img/uc.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="news">
                    <div class="hd">
                        <span><i class="fas fa-bell"></i><strong>最新消息</strong></span>
                        <a href="#"><span>全部</span><i class="fas fa-caret-right"></i></a>
                    </div>
                    <ul class="bd">
                        <div class="empty-user">
                            <i class="icon-font icon-common-user icon-empty-user">&nbsp;</i>
                            <span>~暂无数据~</span>
                        </div>
                    </ul>
                </div>
            </div>
            <div class="downs">
                <div class="download">
                    <div class="hd">
                        <span>我的下载</span>
                        <a href="#" title="全部下载"><span>全部</span><i class="fas fa-caret-right"></i></a>
                    </div>
                    <ul class="list">
                        <div class="empty-user">
                            <i class="icon-font icon-common-user icon-empty-user">&nbsp;</i>
                            <span>~暂无数据~</span>
                        </div>
                    </ul>
                </div>
                <div class="collect">
                    <div class="hd">
                        <span>我的收藏</span>
                        <a href="#" title="全部收藏"><span>全部</span><i class="iconfont"></i></a>
                    </div>
                    <ul class="list">
                        <div class="empty-user">
                            <i class="icon-font icon-common-user icon-empty-user">&nbsp;</i>
                            <span>~暂无数据~</span>
                        </div>
                    </ul>
                </div>
            </div>
            <div class="help">
                <div class="hd">
                    <i class="fas fa-question-circle"></i>
                    <span>帮助中心</span>
                </div>
                <div class="help-collapse problems">
                    <dl class="collapse-item active">
                        <dt>1. 怎么重新下载文档?<i class="fas fa-caret-up icon-close"></i><i class="fas fa-caret-down icon-open"></i></dt>
                        <dd class="collapse-bd" style="display: block;">在“我的订单”里找到要重新下载的文档，点击“立即下载”即可，如果还是无法下载，可点击“下载失败求助”复制售后码发送给客服处理。</dd>
                    </dl>
                    <dl class="collapse-item">
                        <dt>2. 下载了文档怎么开发票？<i class="fas fa-caret-up icon-close"></i><i class="fas fa-caret-down icon-open"></i></dt>
                        <dd class="collapse-bd" style="">本站开具发票为电子版增值税普通发票，请添加客服QQ3005891076，把开票信息（公司名称、税号、支付截图、收信邮箱）整理成word文档发送给客服，发票开出来后会发送至您的邮箱。</dd>
                    </dl>
                    <dl class="collapse-item">
                        <dt>3. 下载的文档打不开该怎么办？<i class="fas fa-caret-up icon-close"></i><i class="fas fa-caret-down icon-open"></i></dt>
                        <dd class="collapse-bd" style="">如文档在网站阅读时正常，则考虑是打开文档的软件不兼容，可用wps、office打开试试。如在网站阅读时显示不正常，请联系客服处理。</dd>
                    </dl>
                    <dl class="collapse-item">
                        <dt>4. 下载的文档质量有问题无法使用怎么办？<i class="fas fa-caret-up icon-close"></i><i class="fas fa-caret-down icon-open"></i></dt>
                        <dd class="collapse-bd" style="">文档内容残缺、乱码、存在误导等问题，可在“我的订单”对应文档后点击“申请售后”进行处理。</dd>
                    </dl>
                    <dl class="collapse-item">
                        <dt>5. 如何加入上传？加入上传有什么好处？<i class="fas fa-caret-up icon-close"></i><i class="fas fa-caret-down icon-open"></i></dt>
                        <dd class="collapse-bd" style="">点击左侧“上传文档”加入上传，上传文档前需先实名认证。上传文档不仅仅是知识传播，还可以为作者实现知识变现，让你的作品发挥更大价值。</dd>
                    </dl>
                    <dl class="collapse-item">
                        <dt>6. 如何更改个人信息或修改密码？<i class="fas fa-caret-up"></i><i class="fas fa-caret-down"></i></dt>
                        <dd class="collapse-bd" style="">在左侧菜单“账号设置”里进行更改个人信息和密码，如忘记密码，请退出登录点击“忘记密码”找回。</dd>
                    </dl>
                </div>
            </div>


        </div>
        <div class="copyright">
            <span>©2010-2021 easy.xxxxx.com easy文档. All Rights Reserved </span><span>工信部备案号：<a href="http://beian.miit.gov.cn/" target="_blank">蜀ICP备08101938号-1</a></span> <span>ICP经营许可证/EDI许可证：<a href="/jyxkz.html" target="_blank">川B2-20180569 </a> <a href="/html/cbwxkz.html" target="_blank">出版物经营许可证</a> </span><span><i class="icon-font icon-common-user common-footer-police">&nbsp;</i> 公安局备案号：51011502000106 </span><span>四川文动网络科技有限公司</span>
        </div>
    </div>

</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="../plugins/bootstrap-4.6.0/js/bootstrap.bundle.min.js"></script>
<script>
    // 常见问题切换
    var problems = {
        speed: {
            init:0,
            ani:50
        },
        init: function () {
            this.stopPropagation();
            this.registerEvent();
            this.setOpen();
        },
        stopPropagation: function () {
            var $a = $('.help-collapse .collapse-item a');
            $a.on('click', function (event) {
                event.stopPropagation();
            })
        },
        registerEvent: function () {
            var that = this,
                $item = $('.help-collapse .collapse-item');
            $item.each(function () {
                $(this).on('click', function () {
                    problems.speed.init = problems.speed.ani;
                    if ($(this).hasClass('active')) {
                        $(this).removeClass('active');
                        that.setOpen();
                    } else {
                        that.removeActive();
                        $(this).addClass('active');
                        that.setOpen();
                    }
                })
            })
        },
        removeActive: function () {
            var $item = $('.help-collapse .collapse-item');
            $item.each(function () {
                $(this).removeClass('active');
            })
        },
        setOpen: function () {
            var $speed = problems.speed.init;
            var $item = $('.help-collapse .collapse-item');
            $item.each(function () {
                var $item_bd = $(this).children('.collapse-bd');
                if ($(this).hasClass('active')) {
                    $item_bd.slideDown($speed);
                } else {
                    $item_bd.slideUp($speed);
                }
            })
        }
    }
    $(function () {
        problems.init();
    })
</script>
</body>
</html>